<template>
  <div class="container">
    <type-message v-show=" this.$store.state.lotteryType != 'pk10'"></type-message>
    <type-message-bj v-show="this.$store.state.lotteryType == 'pk10'"></type-message-bj>
    <!-- <history-plan-analyze></history-plan-analyze> -->
    <div class="live-area">
      <div class="live-area-title">
        <img class="zhibo-icon" src="../../assets/imgs/kaijiangzhibo-icon.png" alt="">
        <span class="zhobo-title-text">开奖直播</span>
      </div>
      <div class="live-area-video">
        <img src="../../assets/imgs/kjzb.png" alt="">
        <!-- <ssc-animate></ssc-animate> -->
      </div>
    </div>
  </div>
</template>

<script>
import TypeMessage from "./components/TypeMessage";
import TypeMessageBj from "../bj10/TypeMessageBj"
import HistoryPlanAnalyze from "./components/HistoryPlanAnalyze";


// import SscAnimate from '../animate/ssc/sscAnimate'

export default {
  components: {
    TypeMessage,
    TypeMessageBj,
    HistoryPlanAnalyze,
    // SscAnimate
  },
};
</script>

<style lang="less" scoped>
@import url(../../assets/css/live.less);
</style>
